body{
    background: #F3F4F5;
}
.clearfix{
    *zoom:1;
}
.clearfix:after{
    display:block;
    overflow:hidden;
    clear:both;
    height:0;
    visibility:hidden;
    content:"";
}

.front-show-hidden{
    position: fixed;
    bottom: 72px;
    right: 0.2rem;
    width: 130px;
    /* height: 102px;*/
    display: none;
    z-index: 666;
}
.show-hidden ul,.set-hidden ul,.front-show-hidden ul{
    list-style: none;
}
.show-hidden ul li a,.set-hidden ul li a,.front-show-hidden ul li a{
    color: #fff;
    height: 32px;
    line-height: 32px;
    display: block;
    padding-left: 15px;
}
.show-hidden ul li img,.set-hidden ul li img,.front-show-hidden ul li img{
    width: 22px;
    vertical-align: text-top;
    margin-right: 5px;
}
.show-hidden ul li:first-child,.set-hidden ul li:first-child,.front-show-hidden ul li:first-child{
    background: #34C0D4;
}
.show-hidden ul li:nth-child(2),.set-hidden ul li:nth-child(2),.front-show-hidden ul li:nth-child(2){
    background: #37A8B8;
}
.show-hidden ul li:nth-child(3),.set-hidden ul li:nth-child(3),.front-show-hidden ul li:nth-child(3){
    background: #257ABA;
}
.show-hidden ul li:nth-child(4),.set-hidden ul li:nth-child(4),.front-show-hidden ul li:nth-child(4){
    background: #84CBC8;
}
.show-hidden ul li:last-child,.set-hidden ul li:last-child,.front-show-hidden ul li:last-child{
    background: #2B54AE;
    position:relative;
}
.show-hidden ul li:last-child:after,.set-hidden ul li:last-child:after{
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-width: 6px;
    left: 40%;
    border-style: solid;
    border-color: #2B54AE transparent transparent transparent;
}
.front-show-hidden ul li:last-child:after{
    position:absolute;
    content:'';
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #2B54AE transparent transparent transparent;
    right: 30%;
}
.show-hidden ul li a i,.set-hidden ul li a i,.front-show-hidden ul li a i{
    font-size: 20px;
    margin-right: 10px;
}
/*mian-contianer最大的包裹层，用于修改最底层颜色*/
.mian-contianer{

}
/*按钮颜色改变*/
.weui-btn_color{
    background-color: #3887C6;
}
/*向右箭头*/
.right-icon{
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #c8c8cd;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0.5rem;
}
.down-icon{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #656565;
    border-right: 1px solid #656565;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*头像截图上传页面*/
.displaynone{
    display: none;
}
.clipbg{
    position: fixed;
    background: black;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    left: 0;
}
.loading{
    position: absolute;
    top: 40%;
    width: 38%;
    left: 31%;
    height: 1.6rem;
    line-height: 1.6rem;
    z-index: 99999;
    text-align: center;
    color: #ffffff;
    border-radius:0.2rem ;
    background: #9f9f9f;
}
.clipbg #clipArea{
    width: 100%;
    height: 80%;
    margin: auto;

}
.clipbg .footer{
    width: 100%;
    position: fixed;
    bottom: 0px;
    text-align: center;
}
.clipbg dl{
    background: #ffffff;
    overflow: hidden;
}
.clipbg dd{
    position: relative;
    height: 1rem;
    line-height: 1rem;
    border-bottom:1px solid #999999 ;
}
.clipbg .back{
    height: 1rem;
    line-height:1rem;

    background: #ffffff;
}
.clipbg dd input{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
/*字体颜色*/
.color-gray{
    color: #A3A3A3;
}
/*fixed底部start*/
.show-hidden{
    position: fixed;
    bottom: 72px;
    left: 1.5rem;
    width: 130px;
    background-size: 18px;
    /* height: 102px; */
    display: none;
    z-index: 666;
}
.show-hidden ul{
    list-style: none;
}
.show-hidden ul li a{
    color: #fff;
    height: 32px;
    line-height: 32px;
    display: block;
    padding-left: 15px;
}
.show-hidden ul li img{
    width: 22px;
    vertical-align: text-top;
    margin-right: 5px;
}
.show-hidden ul li:first-child{
    background: #34C0D4;
}
.show-hidden ul li:nth-child(2){
    background: #37A8B8;
}
.show-hidden ul li:nth-child(3){
    background: #257ABA;
}
.show-hidden ul li:nth-child(4){
    background: #84CBC8;
}
.show-hidden ul li:last-child{
    background: #2B54AE;
}
.show-hidden ul li a i{
    font-size: 20px;
    margin-right: 10px;
}
.reful-tabbar{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 500;
    bottom: 0;
    width: 100%;
    background-color: #3887C6;
    position: fixed;
    height: 65px;
    left:0;
}
.reful-tabbar .img-div {
    height: 29px;
}
.reful-tabbar .img-div img{
    width: 25px;
}
.reful-tabbar .tabbar-item{
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 5px 0;
    font-size: 0;
    color: #fff;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /*    margin-top: 8px;*/
}
.reful-tabbar .tabbar-item.active .tabbar-label{
    color: #9BE9E6;
}
.reful-tabbar .tabbar-item .tabbar-label{
    text-align: center;
    color: #fff;
    font-size: 14px;
}
/*底部固定tabbar图标按钮改变*/
.reful-tabbar .icon-footer {
    font-size: 22px;
}
.reful-tabbar .tabbar-item.active .icon{
    color: #9BE9E6;
}
/*fixed底部end*/
/*阴影遮罩*/
.list-shadow{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.1);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.6;  /*非IE浏览器下设置透明度为60%*/
    z-Index:666;
}
i.icon-modify{
    vertical-align: text-bottom;
    color: #BFBFBF;
}
/*checkbox选择颜色改变*/
.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{
    color: #65B6B1;
}
.circle-span{
    width: 0.6rem;
    height: 0.35rem;
    line-height: 0.35rem;
    border-radius: 15px;
    border:1px solid #FAB424;
    color: #FAB424;
    text-align:center;
    font-size: 14px;
    display:inline-block;
}
.span-exam{
    border:1px solid #93DFCB;
    color: #93DFCB;
}
.span-score{
    border:1px solid #8BB5FF;
    color: #8BB5FF;
}
.span-total{
    border:1px solid #F4807F;
    color: #F4807F;
}
/*底部弹出框*/
/*.weui-picker-modal{*/
/*height: 5rem;*/
/*}*/
.weui-picker-modal.weui-select-modal{
    height: auto;
}
.toolbar{
    font-size: 16px;
    line-height: 1.5;
}
.toolbar .toolbar-inner{
    height: 1rem;
}
.toolbar .picker-button{
    height:1rem;
    line-height: 1rem;
}
.toolbar .title{
    font-size: 16px;
    line-height: 1rem;
}
.weui-picker-modal .picker-items{
    font-size: 16px;
}
.weui-picker-modal .picker-modal-inner{
    height: 3.8rem;
}
.weui-picker-modal .picker-item{
    font-size: 16px;
}
.fix-message{
    position: fixed;
    bottom: 90px;
    right: 20px;
}
.fix-message img{
    width: 60px;
    height: 60px;
}